<template>
    <div class="SortAllHead">
<!--        <van-nav-bar title="分类" left-text="返回" left-arrow>-->
<!--            <template #right>-->
<!--                <van-icon name="search" size="20" />-->
<!--            </template>-->
<!--        </van-nav-bar>-->
        <div class="HotListHead-top-1">
            <div class="HotListHead-top-left">
                <router-link to="/"><van-icon name="arrow-left"/></router-link>
            </div>
            <div class="HotListHead-top-title">分类</div>
            <div class="HotListHead-top-right">
                <router-link to="/search"><van-icon name="search" /></router-link>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    methods:{
        onClickLeft(){
            this.$router.push('/')
        }
    }

}
</script>

<style scoped>
.HyperBoxHead-1{
    width: 100%;
    background-color: #eb5656;
    height: 1.07rem;
}
.HotListHead-top-title{
    font-size: .22rem;
    color: #fff;
}
.HotListHead-top{
    /*width: 100%;*/
    /*height: .40rem;*/
    /*position: fixed;*/
    /*top:0;*/
    /*z-index:520;*/
}
.HotListHead-top-1 i{
    color:#fff;
    font-size: .20rem;
}
.HotListHead-top-right i:nth-child(2){
    margin-left:.17rem;
}
.HotListHead-top-1{
    background-color: skyblue;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .18rem .12rem .12rem .20rem;
}
</style>